import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetUno,
  presetWebFonts,
  // transformerDirectives,
  // transformerVariantGroup,
} from 'unocss'

export default defineConfig({
  theme: {
    colors: {
      bilibili: 'rgb(251,114,153)',
      black: '#121212',
      qq: 'rgb(18,183,245)',
      sakana: {
        primary: 'rgb(102 40 20)',
        // 以下为暗色主题，亮色在main.css中定义
        header: 'rgb(38 13 4)',
        nav: 'rgb(75 26 8)',
        content: 'rgb(104 43 19)',
      },

    },
  },
  shortcuts: [
    ['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
    ['icon-btn', 'text-[0.9em] inline-block cursor-pointer select-none  ease-in-out !outline-none'],
    ['btn-link', 'rounded-lg px-2 py-1 transition-all duration-200 cursor-pointer flex items-center justify-center gap-1 bg-gray-1 dark:bg-sakana-primary'],
  ],
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons({
      scale: 1.2,
      warn: true,
    }),
    presetWebFonts({
      fonts: {
        sans: 'DM Sans',
        serif: 'DM Serif Display',
        mono: 'DM Mono',
      },
    }),
  ],
  // transformers: [
  //   transformerDirectives(),
  //   transformerVariantGroup(),
  // ],
})
